<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <link rel="stylesheet" href="./css/header.css">
  <link rel="stylesheet" href="./css/footer.css">
  <link rel="stylesheet" href="./css/reset.css">
  <link rel="stylesheet" href="./css/product.css">
  <link rel="stylesheet" href="https://at.alicdn.com/t/font_2990206_i9w1o0lxm7b.css">

  <script src="./js/require.js" data-main="./js/item_xqy.js"></script>
<!-- <script src="./js/xiangqing.js"></script> -->
</head>

<body>
  <header>
    <div class="nav">
      <div class="wrapper">
        <div class="top-nav">
          <ul class="nav-left">
            <li><a href="">帮助中心</a> </li>
            <li><a href="">收藏</a> </li>
            <li><a href="">360官网</a> </li>
            <li><a href="">360智慧生活</a> </li>
          </ul>
          <ul class="nav-right">
            <li><a href="">登录</a> </li>
            <li><a href="">注册</a> </li>
            <a href=""><i class="iconfont icon-gouwudai" style="color:#fff;line-height: 40px;"></i></a>
          </ul>

        </div>
      </div>
    </div>
    <div class="wrapper big-nav">
      <ul class="box-left">
        <li><img src="https://p1.qhimg.com/t0102789b8d00c3dfce.png" alt=""></li>

        <li><a href="">新品推荐</a></li>
        <li><a href="">热卖榜单</a></li>
      </ul>
      <div class="box-right">
        <div class="search"><input class="inp" type="text">
          <i class="iconfont icon-sousuo s-icon"></i>
        </div>
        <ul class="s-list">
          <li><a href="">记录仪</a></li>
          <li><a href="">摄像机</a></li>
          <li><a href="">路由器</a></li>
          <li><a href="">耳机</a></li>
          <li><a href="">扫地机</a></li>
          <li><a href="">智能手表</a></li>
        </ul>
      </div>
    </div>
    <div class="banner">
      <div class="erji-nav ">
        <div class="b-all">
          <a href="" style=" background-color: rgba(0, 0, 0, 0.601);"><i class="iconfont icon-quanbu"></i>全部...</a>
          <ul class="b-list b-list-1 ">
            <li><a href="">家庭安防</a>
              <div class="list-box">
                <a href=""><img src="https://p4.ssl.qhimg.com/t012e56acec4dba8ef1.webp" alt="">摄像机</a>

                <a href=""><img src="https://p2.ssl.qhimg.com/t01fa592def38519950.webp" alt="">摄像机</a>
                <a href=""><img src="https://p3.ssl.qhimg.com/t01b9d21e5df924ae5c.webp" alt="">摄像机</a>
                <a href=""><img src="https://p2.ssl.qhmsg.com/dr/180_180_/t01ca885c0d9f8d3d54.webp" alt="">摄像机</a>
                <a href=""><img src="https://p1.ssl.qhimg.com/t011aaa597207d8cfff.webp" alt="">摄像机</a>
              </div>
            </li>
            <li><a href="">安全路由</a>
              <div class="list-box">
                <a href=""><img src="https://p1.ssl.qhimg.com/t011aaa597207d8cfff.webp" alt="">摄像机</a>
              </div>
            </li>
            <li><a href="">智能手表</a>
              <div class="list-box">
                <a href=""><img src="https://p4.ssl.qhimg.com/t012e56acec4dba8ef1.webp" alt="">摄像机</a>

                <a href=""><img src="https://p2.ssl.qhimg.com/t01fa592def38519950.webp" alt="">摄像机</a>
                <a href=""><img src="https://p3.ssl.qhimg.com/t01b9d21e5df924ae5c.webp" alt="">摄像机</a>
                <a href=""><img src="https://p2.ssl.qhmsg.com/dr/180_180_/t01ca885c0d9f8d3d54.webp" alt="">摄像机</a>
                <a href=""><img src="https://p1.ssl.qhimg.com/t011aaa597207d8cfff.webp" alt="">摄像机</a>
              </div>
            </li>
            <li><a href="">汽车用品</a>
              <div class="list-box">

                <a href=""><img src="https://p2.ssl.qhimg.com/t01fa592def38519950.webp" alt="">摄像机</a>
                <a href=""><img src="https://p4.ssl.qhimg.com/t012e56acec4dba8ef1.webp" alt="">摄像机</a>

                <a href=""><img src="https://p2.ssl.qhmsg.com/dr/180_180_/t01ca885c0d9f8d3d54.webp" alt="">摄像机</a>
                <a href=""><img src="https://p1.ssl.qhimg.com/t011aaa597207d8cfff.webp" alt="">摄像机</a>
              </div>
            </li>
            <li><a href="">扫地机器人</a>
              <div class="list-box">
                <a href=""><img src="https://p4.ssl.qhimg.com/t012e56acec4dba8ef1.webp" alt="">摄像机</a>

                <a href=""><img src="https://p2.ssl.qhimg.com/t01fa592def38519950.webp" alt="">摄像机</a>
                <a href=""><img src="https://p3.ssl.qhimg.com/t01b9d21e5df924ae5c.webp" alt="">摄像机</a>
                <a href=""><img src="https://p2.ssl.qhmsg.com/dr/180_180_/t01ca885c0d9f8d3d54.webp" alt="">摄像机</a> <a
                  href=""><img src="https://p2.ssl.qhimg.com/t01fa592def38519950.webp" alt="">摄像机</a>
                <a href=""><img src="https://p3.ssl.qhimg.com/t01b9d21e5df924ae5c.webp" alt="">摄像机</a>
                <a href=""><img src="https://p2.ssl.qhmsg.com/dr/180_180_/t01ca885c0d9f8d3d54.webp" alt="">摄像机</a>

              </div>
            </li>
            <li><a href="">影音生活</a>
              <div class="list-box">

                <a href=""><img src="https://p2.ssl.qhimg.com/t01fa592def38519950.webp" alt="">摄像机</a>
                <a href=""><img src="https://p3.ssl.qhimg.com/t01b9d21e5df924ae5c.webp" alt="">摄像机</a>
                <a href=""><img src="https://p2.ssl.qhmsg.com/dr/180_180_/t01ca885c0d9f8d3d54.webp" alt="">摄像机</a>
              </div>
            </li>
            <li><a href="">生态产品</a>
              <div class="list-box">
                <a href=""><img src="https://p2.ssl.qhimg.com/t01fa592def38519950.webp" alt="">摄像机</a>
                <a href=""><img src="https://p4.ssl.qhimg.com/t012e56acec4dba8ef1.webp" alt="">摄像机</a>

                <a href=""><img src="https://p3.ssl.qhimg.com/t01b9d21e5df924ae5c.webp" alt="">摄像机</a>

              </div>
            </li>
          </ul>
        </div>

      </div>
    </div>
  </header>
  <main>
    <div class="product-box">
      <div class="pic">
        <div class="fangDaJing">
          <div class="fdj-img">
            <img src="https://p3.ssl.qhimg.com/t01e61064a9c137cdef.webp" alt="">
            <img src="https://p3.ssl.qhimg.com/t01e61064a9c137cdef.webp" alt="">
            <img src="https://p3.ssl.qhimg.com/t01015247fb9ec53858.webp" alt="">
            <img src="https://p3.ssl.qhimg.com/t01015247fb9ec53858.webp" alt="">
            <img src="https://p4.ssl.qhimg.com/t013d4b1ce3ee3250c4.webp" alt="">
            <img src="https://p1.ssl.qhimg.com/t0120a9c856d5b8b0d3.webp" alt="">
          </div>

          <div class="fdj-list">
            <ul>
              <li><img src="https://p4.ssl.qhimg.com/dr/90_0_85/t01192edc41a78ee2ac.webp" alt=""></li>
              <li><img src="https://p3.ssl.qhimg.com/dr/90_0_85/t01e61064a9c137cdef.webp" alt=""></li>
              <li><img src="https://p3.ssl.qhimg.com/dr/90_0_85/t01015247fb9ec53858.webp" alt=""></li>
              <li><img src="https://p0.ssl.qhimg.com/dr/90_0_85/t0191dc33e25c191c1c.webp" alt=""></li>
              <li><img src="https://p4.ssl.qhimg.com/dr/90_0_85/t013d4b1ce3ee3250c4.webp" alt=""></li>
              <li><img src="https://p1.ssl.qhimg.com/dr/90_0_85/t0120a9c856d5b8b0d3.webp" alt=""></li>
            </ul>
            <span class="zuo si"> <i class="iconfont icon-zuo"></i></span>
            <span class="you si"> <i class="iconfont icon-you"></i></span>
          </div>
          <ul class="promise">
            <li><i class="iconfont icon-icon-duihao"></i>360商城发货&售后</li>
            <li><i class="iconfont icon-icon-duihao"></i>满99元包邮</li>
            <li><i class="iconfont icon-icon-duihao"></i>7天无理由退货</li>
            <li><i class="iconfont icon-icon-duihao"></i>15天免费换货</li>
          </ul>
        </div>
        <div class="info">
          <p class="p1">360智能摄像机小水滴5C 2K高清版AC1P</p>
          <p class="p2">300万高清像素 130°人眼广角</p>
          <div class="xian"></div>
          <div class="pic-box">
            <p>
              <span> 价&nbsp; &nbsp; 格</span>
              <span>￥149.00</span>
              <span> <del>￥169</del></span>
            </p>
            <div class="pic-yhj">
              <p>
                <span> 领&nbsp; &nbsp;券</span>
              </p>
              <div class="yhj">满99.00减5.00元 </div>
            </div>

            <p>
              <span> 促&nbsp; &nbsp; 销</span>
              <i class="tag">直降</i>
              <span class="jian">立减 20.00元</span>
            </p>
          </div>
          <div class="notice">
            <span>物流公告：受疫情影响，北京、上海、黑龙江、吉林、辽宁、河北、江西、江苏、四川、甘肃、青海、新疆、宁夏回族自治区等部分地区暂缓发货。</span>
          </div>
          <div class="buy-box">
            <div class="buy0">
              <span> 分&nbsp; &nbsp;类</span>
              <a href="">AP1PA2</a>
              <a href="">AC1P</a>
            </div>
            <div class="buy0">
              <span> 数&nbsp; &nbsp;量</span>
              <div class="zengjian">
                <a href="" class="shua">-</a>
                <input type="text" value="1" id="text">
                <a href="" class="shua">+</a>
              </div>
            </div>
            <div class="buy0">
              <span> 积&nbsp; &nbsp;分</span>
              购买可获得149积分
            </div>
            <div class="btn-box">
              <a href="">立即购买</a>
              <a href="">加入购物车</a>
              <a href="">
                <i class="iconfont icon-aixin"></i>
              </a>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="manyimgs">
      <div class="img1">
        <a href="">
          <img src="https://p0.ssl.qhimg.com/t0130ba4ca979c28f6a.jpg" alt="">
        </a>
      </div>
      <div class="img1">
        <a href="">
          <img src="https://p3.ssl.qhimg.com/t017296043c72946c46.jpg" alt="">
        </a>
      </div>
    </div>
    <section class="section1">
      <div class="title">
          <ul>
              <li class="active">产品详情</li>
              <li>规格参数</li>
              <li>评价</li>
              <li>常见问题</li>
          </ul>
          <p class="p6">
          <a href="#" class="pa1">立即购买</a>
          <a href="#"  class="pa2">加入购物车</a></p>
      </div>
      <div class="concat">
          <div class="chanp concatshow">
              <p><img src="https://p1.ssl.qhmsg.com/t01a74bfeaae33c4494.webp" alt=""></p>
              <p><img src="https://p2.ssl.qhmsg.com/t0135cfa2a416da1edd.webp" alt=""></p>
              <p><img src="https://p2.ssl.qhmsg.com/t019668a37edd2f4860.webp" alt=""></p>
              <p><img src="https://p0.ssl.qhmsg.com/t01c269e3365c58a094.webp" alt=""></p>
          </div>
          <div class="canshu">
              <p>规格参数</p>
              <ul></ul>
  
          </div>
          <div class="pjia">
              <p>商品评价</p>
              <ul></ul>
          </div>
          <div class="quest">
              <p>常见问题</p>
              <ul></ul>
          </div>
      </div>
  </section>
  </main>
  <footer>
    <div class="helper-box">
      <div class="f-box guanyu-box">
        <p class="f-title">关于商城</p>
        <p class="f-text">
          360商城是奇虎360公司的官方电商平台，主要经营360安全智能设备，以及相关领域消费品。提供最新的360智能设备，最贴心的售后服务，360社区一手评测资讯，享受360安全、安心、放心的购物体验。</p>
        <div class="web-box">
          <p class="f-text">关于我们</p>
          <span><i class="iconfont icon-weixin1"></i></span>
          <a href=""> <i class="iconfont icon-weibo"></i></a>
        </div>
      </div>
      <div class="f-box servers-box">
        <p class="f-title">售后服务</p>
        <a href="">7日无理由退货</a>
        <a href="">质量问题15日内换货</a>
        <a href="">保修条款</a>
        <a href="">服务流程</a>
        <a href="">许可协议</a>
        <a href="">隐私政策</a>
      </div>
      <div class="f-box help-box">
        <p class="f-title">帮助中心</p>
        <a href="">用户注册</a>
        <a href="">会员说明</a>
        <a href="">登录与密码找回</a>
        <a href="">购买指南</a>
        <a href="">支付方式</a>
        <a href="">配送与说明</a>
      </div>
      <div class=" contack-box">
        <p class="f-title">联系我们</p>
        <p class="sm-title">400-6822-360</p>
        <p class="sm-text">周一至周日9:00-18:00 (仅收市话费)</p>
      </div>
    </div>
    <div class="floor-box">
      <div class="sh-box">
        <a href=""><i class="iconfont icon-Return"></i>7天无理由退货</a>
        <a href=""><i class="iconfont icon-exchange"></i>15天免费换货</a>
        <a href=""><i class="iconfont icon-package"></i>满99元包邮</a>
      </div>

      <div class="xia-box">
        <p>&copy;2019-2021 mall.360.cn版权所有</p>
        <p><a href="" class="a-name">京ICP备08010314号-6</a>
          <a href="" class="a-name"></a>营业执照 </a>
        </p>
        <p>公司名称:北京视觉世界科技有限公司|社会统一信用代码:91110105336460203N |<a
            href="">食品经营许可证</a><br>公司地址:北京市朝阳区酒仙桥路6号院2号楼1至17层102号内5层501|联系方式:400-6822-360
        </p>

      </div>
    </div>
  </footer>
</body>

</html>